<template>
	<view>
		<view class="smart-panel-head">
			<view class="smart-panel-head-title ">navigator</view>
		</view>
		<view class="uni-padding-wrap uni-common-mt">
			<view class="uni-btn-v">
				<navigator url="/pages/components/nevigator/nevigate/nevigate?User=zhangsan&userid=666">
					<button type="default">跳转到新页面</button>
				</navigator>
				<navigator url="/pages/components/redirect/redirect?title=redirect" open-type="redirect">
					<button type="default">在当前页打开</button>
				</navigator>
				<navigator v-if="!hasLeftWin" url="/pages/tabBar/tabcompage/tabcompage" open-type="switchTab">
					<button type="default">跳转tab页面</button>
				</navigator>
				<navigator url="/pages/components/Life Cycle/Life Cycle">
					<button>页面生命周期测试</button>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
export default {
  data() {
    return {
      title: 'navigator',
      user: 'qiuhanle',
      uid: 123456,
	  list:[1,2,3],
    }
  },
  // 页面加载时触发（可接收页面传参）
  onLoad(options) {
    console.log("nevigator页面加载");
  },
  // 页面显示时触发（每次页面出现在屏幕上都会触发）
  onShow() {
    console.log("--------onShow");
  },
  // 页面初次渲染完成时触发
  onReady() {
    console.log("-----onReady");
  },
  // 页面隐藏时触发（如跳转到其他页面）
  onHide() {
    console.log("----onHide");
  },
  // 页面卸载时触发（如从页面栈中被移除）
  onUnload() {
    console.log('onUnload：页面卸载');
  },
  // 用户下拉动作触发（用于下拉刷新）
  onPullDownRefresh() {
    console.log("navigator--------onpulldownrefresh开始刷新");
    // 下拉刷新完成后需停止刷新动画
	setTimeout(()=>{
    uni.stopPullDownRefresh();
	},2000)
  },
  // 页面滚动到底部时触发（用于下拉下一页数据）
  onReachBottom() {
    console.log('onReachBottom：页面滚动到底部');
  },
  methods: {
    goToPage() {
      uni.navigateTo({
        url: '/pages/components/navigator/navigate?user=' + this.user + '&userid=' + this.uid
      })
    }
  }
}
</script>


<style>

</style>
